.navbar {background-color: rgba(43, 43, 43, 0.298039);border-color: rgba(60, 60, 60, 0.35);}

body,p,pre,blockquote,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
form,fieldset,legend,select,
input,textarea,button,
table,caption,tr,th,td {margin:0; padding:0;}

body{background-color:#C9B3A5;background-image: url(../images/body_bg.jpg);background-size: cover !important;}
a{text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-size:15px;font-weight:bold}
table{margin-bottom:10px;border-collapse:collapse;display:table;width:100%!important}
p{min-height: 1em;}

.content_main{width: 100%;background-color: RGBA(255,255,255,0.3);}
.content_main,.left-menu,.tab-content,ul.keyMain{float: left;}
.tab-content,.right-edit,.left-menu{height: 833px;}
.right-edit{float: right;width: 710px;position: relative;}
.left-menu{width: 80px;}
.left-menu span.title{background-color: #3a3332;height:6%;font-size: 20px;line-height: 50px;display: block;text-align: center;color: #dad9d8;font-weight: bold;}
ul.menu-tab{background-color: RGBA(0,0,0,0.3);height: 100%;}
ul.menu-tab li{width: 80px;height: 50px;text-align: center;}
ul.menu-tab li a {display: block;line-height: 50px;color: #dad9d8;font-size: 14px;text-decoration: none;border-bottom: 1px solid rgba(255,255,255,0.06);}
ul.menu-tab li.active,ul.menu-tab li a:hover,ul.menu-tab li.actives {background: #4c4342;text-decoration: none;}
ul.menu-tab li.adverli{height: 30px;}
ul.menu-tab li.adverli a{line-height: 30px;}
span.span-hot{position: absolute;background-color: #ed603a;color: #ffffff;top: 8px;left: -22px;font-size: 12px;border-radius:5px;padding: 1px;}
.tab-content{width: 390px;padding: 0 6px;overflow-y: auto;overflow-x: hidden;background: white;border: 1px solid #d4d4d4;}
.tab-pane{padding-top: 8px;font-size: 16px;}
#preview-msg *,.element-item * {max-width: 100% !important;}
.element-item {padding:7px; margin:0 10px 10px 10px;cursor: pointer;}
.element-item:hover {padding: 6px;border: 1px solid #d4d4d4;}
.element-item.selected{padding: 6px; border: 2px solid #51930D;}
.element-item>img{position: absolute;right: 0;top: 0;display: none;}
.element-item.selected>img{ display: block;}
.rabsolute {position: absolute;top: 10%;right: 0;}
ul.keyMain{width: 98px;margin: 0 14px;}
ul.keyMain li{width: 100%;text-align: center;line-height: 26px;margin: 6px 0;}
ul.keyMain li a{color: #444;}
.tab-content-1>.tab-pane{display: none;}
.tab-content-1>.active {display: block;}

.adbox {margin: 5px 0 0 0;text-align: center;}
.otf-poptools {width: 200px;}
.otf-poptools span {margin: 0 5px;cursor: pointer;}
.otf-poptools span {margin: 0 5px;cursor: pointer;}
.editorslide .btn .fa {font-size: 20px;}
.editorslide .btn {width: 82px;height: 32px;color:#fff;font-size: 18px;border: 0 none;margin-bottom: 8px;border-radius: 0;}
.editorslide .btn-default {background: rgba(138,131,160,0.4);}
.editorslide .btn-default:hover{background: rgba(138,131,160,0.7);}
.editorslide ul{padding-left: 2em;}
.pagination{margin: 0;text-align: center;}
#successMessage{position: fixed;top: 56px;width: 46%;left: 25%;z-index:99999999999999;font-size: 16px;text-align: center;}
.defined-alert{padding:15px;border:1px solid transparent;border-radius:4px;box-shadow: 0 0 0px 1px rgba(188,176,167,0.8);}
.defined-alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#468847}
.editorslide .btn-danger,.editorslide .mid-width{width: 112px;}
.mine-list{position: relative;margin-bottom: 10px;padding: 0 14px;min-height: 126px;}
.mine-list h3{padding-top: 5px;line-height: 28px;}
.mine-list p.time-p{padding-bottom: 5px;}
.mine-list .caption{position:absolute;bottom: 0;right:0;background-color: #ececec;width: 100%;}
.mine-list i{font-size: 26px !important;}
.right-edit form img.wx_cover{height: 68px;width: 100%;}
.right-edit form .col-xs-2{padding-right: 0;}
#user-draft-chooser .popover{max-width:400px;width:400px;top: 5px !important;}
#user-draft-chooser .popover.right > .arrow{top:50px !important;}
#user-draft-chooser .popover img{max-width: 100%;}
.popover,.tooltip-inner{max-width: 356px !important;line-height: 26px;}
.popover-title{color: #337ab7;}
.tooltip-inner{text-align: left !important;}
#image-preview {position:absolute;left:-116px;width:46%;z-index: 100;color:red;text-align:center;overflow:hidden;background-color:#FFF;border:10px solid #f3f3f3;display:none; top:60px;padding: 20px 0;}
#image-preview img{height:auto;width:auto;max-width:100%;padding:10px 10px;background-color:#fff;}
.btn-warning{background-color: #dd5600;}
.btn-warning:hover{background-color: #BA500D;}
.uploadify-button {color: #fff;background-color: #27ae60;}
.uploadify-button {position: relative;text-align: center;color: #fff;cursor: pointer;background-color: #27ae60;}
.uploadify-queue-item {z-index: 999999999999;position: absolute;margin-top: 4px;padding: 15px;width: 470px;border: 1px solid #ccc;background-color: #fff;}
.uploadify-queue-item .cancel {float: right;}
.uploadify-queue-item .cancel a,.uploadify-queue-item .cancel a:hover {font-family: Consolas;color: #404040;text-decoration: none;border-bottom: 0 none;}
.uploadify-queue-item .fileName {color: #2D7200;}
.uploadify-error {background-color: #FDE5DD !important;}
.uploadify-queue-item.completed {background-color: #E5E5E5;}
.uploadify-progress {background-color: #E5E5E5;margin-top: 10px;width: 100%;}
.uploadify-progress-bar {background-color: #0099FF;height: 3px;width: 1px;}
.upload-img-box {margin-top: 4px;}
.upload-img-box .upload-pre-item {padding: 1px;width: 120px;max-height: 120px;overflow: hidden;text-align: center;cursor: pointer;border: 1px solid #ccc;transition: all .3s linear;}
.upload-img-box .upload-pre-item img {vertical-align: top;}
.upload-img-box .upload-pre-file {padding: 0 10px;width: 380px;height: 35px;line-height: 35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border: 1px dashed #ccc;background-color: #fff;}
.upload-img-popup {position: fixed;z-index: 9999;padding: 3px;border: 1px solid #c3c3c3;background-color: #fff;box-shadow: 0 0 4px rgba(0,0,0,.5);}
.upload-img-popup .close-pop {position: absolute;top: -8px;right: -8px;width: 17px;height: 17px;background: url(../images/bg_icon.png) no-repeat -25px 0;}
.upload-img-popup .close-pop:hover {text-decoration: none;border-bottom: 0 none;}
.upload-img-popup img {display: block;}
.upload_icon_all {width: 15px;height: 15px;background: url(../images/attachment_1.png);display: inline-block;vertical-align: middle;margin-right: 5px}


/**
 * Farbtastic Color Picker 1.2
 */
.farbtastic {position: relative;}
.farbtastic * {position: absolute;cursor: crosshair;}
.farbtastic, .farbtastic .wheel {width: 195px;height: 195px;}
.farbtastic .color, .farbtastic .overlay {top: 47px;left: 47px;width: 101px;height: 101px;}
.farbtastic .wheel {background: url(../../static/farbtastic12/wheel.png) no-repeat;width: 195px;height: 195px;}
.farbtastic .overlay {background: url(../../static/farbtastic12/mask.png) no-repeat;}
.farbtastic .marker {width: 17px;height: 17px;margin: -8px 0 0 -8px;overflow: hidden;background: url(../../static/farbtastic12/marker.png) no-repeat;}

.screen-box {position: relative;}
.screen-box>li { float: left;font-size: 14px; position: relative; display: inline-block; cursor: pointer; margin: 0 5px 8px 0; line-height: 28px; padding: 0 10px; color: #444; background: #D8D8D8; border-radius: 5px;}
.screen-box>li.active { color: #fff; background: #337ab7;}
.screen-box>li.menuSelect:after { content: ''; display: inline-block; margin: 2.5px 0 0 5px; border-width: 5px; border-style: solid; border-color: #888 transparent transparent; vertical-align: middle;}
.screen-box>li.menuSelect.active:after { border-color: #fff transparent transparent;}
.screen-box>li:hover .down-list { display: block}
.screen-box>li .down-list { display: none; padding-top: 5px; position: absolute; top: 28px; left: 0; z-index: 1;}
.screen-box>li .down-list p { width: 80px; padding: 8px 0; text-align: center; background: #2d2c32; border-radius: 5px;}
.screen-box>li .down-list span { display: block; height: 25px; line-height: 25px; padding: 0 10px; font-size: 14px;color: #fff; cursor: pointer;}
.screen-box>li .down-list span:hover { background: #1a1a1d}
.screen-box>li .down-list span.active { color: #12a89d;}